<style scoped>
    h1{
        color: red;
    }
</style>
<template>
    <div>
      <line-chart :xlabels="setLabel" :ele="setEle" :eledata="setEledata"></line-chart>
      <bar-chart :xlabels="setLabel" :ele="setEle" :eledata="setEledata"></bar-chart>
    </div>
</template>
<script>
    import lineChart from './component/chart/line-chart.vue';
    import barChart from './component/chart/bar-chart.vue';

    export default {
        components:{
          lineChart,
          barChart
        },
        created:function(){

        },
        data:function(){
          return{
            setLabel:["January","February","March","April","May","June","July"],
            setEle:[{label:"sad",Bcolor:"red",BGcolor:''},{label:"asasad",Bcolor:"green",BGcolor:'green'},{label:"sdas",Bcolor:"orange",BGcolor:'orange'}],
            setEledata:[[25,59,90,51,56,55,40],[28,48,40,19,96,27,100],[12,45,78,34,55,6,67]]
          }
        },
        methods: {

        }
    };
</script>
